import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  strict: true,
  state: {
    color: [
      '#e169c3',
      '#b569e1',
      '#7169e1',
      '#69b8e1',
      '#69e1d4',
      '#6ce169',
      '#bee169',
      '#e1a169',
      '#83091d',
      '#83091d',
    ],
    show: false,
    boxBg: '#fff',
    mainBg: '#e169c3',
  },
  mutations: {
    SET_SHOW(state) {
      state.show = !state.show
    },
    SET_COLOR(state, index) {
      state.boxBg = state.mainBg = state.color[index]
    },
  },
})
